body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
    'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
    sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

code {
  font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
    monospace;
}

/* 改善下拉菜单样式 */
.ant-select-dropdown {
  background-color: #002140 !important;
  border: 1px solid #1890ff !important;
  box-shadow: 0 0 10px rgba(24, 144, 255, 0.3) !important;
}

.ant-select-item {
  color: white !important;
  font-weight: 500 !important;
  padding: 8px 12px !important;
}

.ant-select-item-option-selected {
  background-color: #1890ff !important;
  color: white !important;
}

.ant-select-item-option-active {
  background-color: rgba(24, 144, 255, 0.2) !important;
}

.ant-select-selection-item {
  color: white !important;
  font-weight: 500 !important;
}

/* 改善选择器样式 */
.tech-select .ant-select-selector {
  background-color: rgba(0, 33, 64, 0.5) !important;
  border-color: #1890ff !important;
}

/* 改善下拉图标样式 */
.ant-select-arrow {
  color: #1890ff !important;
}

/* 修复菜单项选中指示器对齐问题 */
.ant-menu-horizontal>.ant-menu-item::after,
.ant-menu-horizontal>.ant-menu-submenu::after {
  position: absolute;
  bottom: 0;
  left: 0 !important;
  right: auto !important;
  width: 100% !important;
  transform-origin: center !important;
}

.ant-menu-horizontal>.ant-menu-item-selected::after {
  transform: scaleX(1) !important;
  opacity: 1 !important;
  transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
}

/* 确保菜单项下划线对齐 */
.aligned-menu.ant-menu-horizontal>.ant-menu-item {
  margin: 0 15px !important;
  padding: 0 !important;
  height: 100% !important;
  line-height: 46px !important;
  text-align: center !important;
}

.aligned-menu.ant-menu-horizontal>.ant-menu-item::after {
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  bottom: 0 !important;
}

.aligned-menu.ant-menu-horizontal>.ant-menu-item-selected::after,
.aligned-menu.ant-menu-horizontal>.ant-menu-item-active::after {
  border-bottom: 2px solid #1890ff !important;
  left: 0 !important;
  right: 0 !important;
}

/* 强制修复菜单底部指示器 */
.ant-menu-horizontal:not(.ant-menu-dark)>.ant-menu-item-selected,
.ant-menu-horizontal:not(.ant-menu-dark)>.ant-menu-item:hover,
.ant-menu-horizontal:not(.ant-menu-dark)>.ant-menu-submenu-selected,
.ant-menu-horizontal:not(.ant-menu-dark)>.ant-menu-submenu:hover,
.ant-menu-horizontal:not(.ant-menu-dark)>.ant-menu-item-active,
.ant-menu-horizontal:not(.ant-menu-dark)>.ant-menu-submenu-active {
  border-bottom: none !important;
  color: #1890ff !important;
}

.ant-menu-horizontal>.ant-menu-item-selected::after {
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  border-bottom: 2px solid #1890ff !important;
  width: 100% !important;
}

/* 物品搜索页面样式 */
.warehouse-search-section {
  width: 100%;
  max-width: 900px;
  margin: 0 auto;
  padding: 25px;
  background: linear-gradient(135deg, rgba(0, 34, 77, 0.6), rgba(0, 87, 178, 0.4));
  border-radius: 6px;
  border: 1px solid rgba(64, 169, 255, 0.4);
  box-shadow: 0 0 25px rgba(0, 128, 255, 0.2);
  position: relative;
  overflow: hidden;
}

.warehouse-search-section::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, #40a9ff, transparent);
  opacity: 0.8;
}

.warehouse-search-section::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 20%;
  right: 20%;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(64, 169, 255, 0.5), transparent);
}

.warehouse-search {
  width: 100%;
  background: transparent;
  border: none;
  box-shadow: none;
}

.search-grid {
  padding: 20px;
  min-height: calc(100vh - 64px);
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  background: linear-gradient(145deg, rgba(0, 21, 61, 0.9), rgba(0, 51, 102, 0.8), rgba(0, 82, 155, 0.7));
  position: relative;
  overflow: hidden;
}

.search-grid::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: radial-gradient(ellipse at center, rgba(24, 144, 255, 0.1) 0%, rgba(0, 51, 102, 0) 70%);
  z-index: 0;
  pointer-events: none;
}

/* 输入框样式增强 */
.tech-input .ant-input {
  background: #ffffff !important;
  border-color: #1890ff !important;
  color: #000000 !important;
  caret-color: #1890ff !important;
  font-weight: 500;
}

.tech-input .ant-input::placeholder {
  color: #858585 !important;
}

.tech-input .ant-input:hover,
.tech-input .ant-input:focus {
  border-color: #1890ff !important;
  box-shadow: 0 0 15px rgba(24, 144, 255, 0.5) !important;
  outline: none !important;
  background: #ffffff !important;
}

/* 增强输入框焦点效果 */
.tech-input .ant-input:focus {
  border-width: 2px !important;
  border-color: #1890ff !important;
  box-shadow: 0 0 20px rgba(24, 144, 255, 0.6) !important;
  animation: glow 1.5s ease-in-out infinite alternate;
  background: #ffffff !important;
}

@keyframes glow {
  from {
    box-shadow: 0 0 10px rgba(24, 144, 255, 0.5);
  }

  to {
    box-shadow: 0 0 20px rgba(64, 169, 255, 0.8);
  }
}

/* 按钮样式增强 */
.tech-button.ant-btn-primary {
  background: linear-gradient(to right, #1890ff, #096dd9) !important;
  border-color: #40a9ff !important;
  box-shadow: 0 0 15px rgba(24, 144, 255, 0.4) !important;
  transition: all 0.3s !important;
}

.tech-button.ant-btn-primary:hover {
  background: linear-gradient(to right, #40a9ff, #1890ff) !important;
  box-shadow: 0 0 20px rgba(24, 144, 255, 0.6) !important;
  transform: translateY(-1px) !important;
}

/* 加载状态样式 */
.tech-loading .ant-spin-text {
  color: #40a9ff;
  margin-top: 10px;
  text-shadow: 0 0 10px rgba(24, 144, 255, 0.5);
}

.tech-loading .ant-spin-dot-item {
  background-color: #40a9ff;
}

/* 物品详情样式增强 */
.tech-detail-container {
  position: relative;
  overflow: hidden;
}

.tech-detail-container::before {
  content: '';
  position: absolute;
  top: -100px;
  left: -100px;
  width: 200px;
  height: 200px;
  background: radial-gradient(circle, rgba(64, 169, 255, 0.2) 0%, rgba(0, 51, 102, 0) 70%);
  z-index: 0;
  opacity: 0.6;
  pointer-events: none;
}

.tech-detail-container::after {
  content: '';
  position: absolute;
  bottom: -100px;
  right: -100px;
  width: 200px;
  height: 200px;
  background: radial-gradient(circle, rgba(64, 169, 255, 0.2) 0%, rgba(0, 51, 102, 0) 70%);
  z-index: 0;
  opacity: 0.6;
  pointer-events: none;
}

.tech-detail-container .ant-descriptions-header {
  color: #fff !important;
  margin-bottom: 16px !important;
  position: relative;
  z-index: 1;
}

.tech-detail-container .ant-descriptions-title {
  color: #40a9ff !important;
  font-weight: 600 !important;
  text-shadow: 0 0 10px rgba(24, 144, 255, 0.5) !important;
  letter-spacing: 1px;
}

.tech-detail-container .ant-descriptions-item-label {
  color: rgba(255, 255, 255, 0.85) !important;
  font-weight: 500 !important;
  background: linear-gradient(90deg, rgba(0, 34, 77, 0.8), rgba(0, 51, 102, 0.8)) !important;
  border-color: rgba(64, 169, 255, 0.3) !important;
}

.tech-detail-container .ant-descriptions-item-content {
  color: #fff !important;
  background: linear-gradient(90deg, rgba(0, 51, 102, 0.6), rgba(0, 87, 178, 0.4)) !important;
  border-color: rgba(64, 169, 255, 0.3) !important;
}

.tech-detail-container .ant-table {
  background: transparent !important;
  border: 1px solid rgba(64, 169, 255, 0.3) !important;
  box-shadow: 0 0 15px rgba(0, 128, 255, 0.1) !important;
}

.tech-detail-container .ant-table-thead>tr>th {
  background: linear-gradient(90deg, rgba(0, 34, 77, 0.8), rgba(0, 51, 102, 0.8)) !important;
  color: #40a9ff !important;
  border-bottom: 1px solid rgba(64, 169, 255, 0.4) !important;
  text-shadow: 0 0 8px rgba(24, 144, 255, 0.3) !important;
}

.tech-detail-container .ant-table-tbody>tr>td {
  border-bottom: 1px solid rgba(64, 169, 255, 0.2) !important;
  color: rgba(255, 255, 255, 0.9) !important;
  background: linear-gradient(90deg, rgba(0, 51, 102, 0.6), rgba(0, 87, 178, 0.4)) !important;
}

.tech-detail-container .ant-table-tbody>tr:hover>td {
  background: linear-gradient(90deg, rgba(24, 144, 255, 0.2), rgba(64, 169, 255, 0.1)) !important;
}